<!DOCTYPE html>{% load static %}
<html lang="zh">
    <head>
        <title>PicLab</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta name="description" content="Free HTML5 Website Template by sc.chinaz.com" />
        <meta name="keywords" content="" />
        <meta name="author" content="sc.chinaz.com" />

        <link href="https://fonts.googleapis.com/css?family=Work+Sans" rel="stylesheet">

        <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
        <link rel="stylesheet" href="{% static 'css/open-iconic-bootstrap.min.css' %}">

        <link rel="stylesheet" href="{% static 'css/owl.carousel.min.css' %}">
        <link rel="stylesheet" href="{% static 'css/owl.theme.default.min.css' %}">

        <link rel="stylesheet" href="{% static 'css/icomoon.css' %}">
        <link rel="stylesheet" href="{% static 'css/animate.css' %}">
        <link rel="stylesheet" href="{% static 'css/style.css' %}">

    </head>
    <body>
        {# 边栏开始 #}
        <aside class="probootstrap-aside js-probootstrap-aside">
            <a href="#" class="probootstrap-close-menu js-probootstrap-close-menu d-md-none"><span class="oi oi-arrow-left"></span> Close</a>
            <div class="probootstrap-site-logo probootstrap-animate" data-animate-effect="fadeInLeft">

                <a href="base.html" class="mb-2 d-block probootstrap-logo">Aside</a>
                <p class="mb-0">Another free html5 bootstrap 4 template by <a href="https://sc.chinaz.com/" target="_blank">uiCookies</a></p>
            </div>
            <div class="probootstrap-overflow">
                {% include 'sidebar.html' %}
            </div>
        </aside>
        {# 边栏结束 #}

        {# 右侧主框架开始 #}
        <main role="main" class="probootstrap-main js-probootstrap-main">
            {# 顶部首页链接开始 #}
            <div class="probootstrap-bar">
                <a href="#" class="probootstrap-toggle js-probootstrap-toggle"><span class="oi oi-menu"></span></a>
                <div class="probootstrap-main-site-logo"><a href="base.html">PicLab</a></div>
            </div>
            {# 顶部首页链接结束 #}

            {# 正文内容开始 #}
            {% block body %}
            {% endblock %}
            {# 正文内容结束 #}

            {# 页脚 #}
{#            <div class="container-fluid d-md-none">#}
{#                <div class="row">#}
{#                    <div class="col-md-12">#}
{#                        {% include 'footer.html' %}#}
{#                    </div>#}
{#                </div>#}
{#            </div>#}
        </main>
        {# 右侧主框架结束 #}
    

        <script src="{% static 'js/jquery-3.2.1.slim.min.js' %}"></script>
        <script src="{% static 'js/popper.min.js' %}"></script>
        <script src="{% static 'js/bootstrap.min.js' %}"></script>
        <script src="{% static 'js/owl.carousel.min.js' %}"></script>
        <script src="{% static 'js/jquery.waypoints.min.js' %}"></script>
        <script src="{% static 'js/imagesloaded.pkgd.min.js' %}"></script>

        <script src="{% static 'js/main.js' %}"></script>

    </body>
</html>